<template>
  <div class="boxShadow">
    <div style="margin:20px">
      <el-card style="padding-left: 5%; padding-right: 5%">
        <div v-for="item in headerList" :key="item.id">
          <p class="tabletitle bold fontSize">{{item.title}}</p>
            <el-table
              header-align="center"
              :data="item.headList"
              ref="multipleTable"
              tooltip-effect="dark"
              style="width: 100%;"
              class="fontSize"
              border
              :show-header="false"
              :header-cell-style="{background:'#eef1f6',color:'#606266'}">
              <el-table-column
                type="index">
              </el-table-column>
              <template v-for="(col,index) in item.head">
                <el-table-column
                  :prop="col.headItem"
                  :key="index">
                </el-table-column>
              </template>
            </el-table>
        </div>
      </el-card>
    </div>
  </div>
</template>
<script>
export default {
  data(){
    return {
      //表格数据
      headerList:[
        {
          id:1,
          title:'心血管疾病的危险因素',
          head:[
            {id:1,headItem:'factor'}
          ],
          headList:[
            {id:1,factor:'收缩压和舒张压的水平'},
            {id:1,factor:'性别：男性>55岁；女性>65岁'},
            {id:1,factor:'吸烟,早发心血管疾病家族史（一级亲属发病年龄<50岁）'},
            {id:1,factor:'血脂异常；TC≥5.7mmol/L（200mg/dl）或LDL>3.6mmol/L（140mg/dl）或HDL<1.0mmol/L（40mg/dl）'}
          ]
          
        },
        {
          id:2,
          title:'靶器官的损害',
          head:[
            {id:1,headItem:'symptomName'},
            {id:2,headItem:'detailed'},
          ],
          headList:[
            {id:1,symptomName:'左心室肥厚',detailed:'心电图，超声心电图或X线证实'},
            {id:2,symptomName:'动脉壁增厚',detailed:'心电图，超声心电图或X线证实'},
            {id:3,symptomName:'微量白蛋白尿',detailed:'心电图，超声心电图或X线证实'}
          ]
        },
        {
          id:3,
          title:'合并的临床状况',
          head:[
            {id:1,headItem:'diseaseName'},
            {id:2,headItem:'details'}
          ],
          headList:[
            {id:1,diseaseName:'脑血管疾病',details:'缺血性脑卒中，脑出血，短暂性脑缺血发作'},
            {id:2,diseaseName:'心脏疾病',details:'缺血性脑卒中，脑出血，短暂性脑缺血发作'},
            {id:3,diseaseName:'肾脏疾病',details:'缺血性脑卒中，脑出血，短暂性脑缺血发作'}
          ]
        }
      ],
    }
  },
  mounted(){

  },
  methods:{
    
  }
}
</script>
<style scoped>
.tabletitle{
    margin: 0px;
    border: 1px solid #EBEEF5;
    border-bottom: none;
    padding: 10px 10px 10px 20px;
}
.gssm{
  margin-left: 10px;
  font-size:20px;
}
</style>